<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- ul.box$>li.item{$}>a.a-link -->
  <ul class="box1">
    <li class="item">1<a href="" class="a-link"></a></li>
    <li class="item">2<a href="" class="a-link"></a></li>
    <li class="item">3<a href="" class="a-link"></a></li>
    <li class="item">4<a href="" class="a-link"></a></li>
  </ul>
  <ul class="box2">
    <li class="item">1<a href="" class="a-link"></a></li>
    <li class="item">2<a href="" class="a-link"></a></li>
    <li class="item">3<a href="" class="a-link"></a></li>
    <li class="item">4<a href="" class="a-link"></a></li>
  </ul>
  <ul class="box3">
    <li class="item">1<a href="" class="a-link"></a></li>
    <li class="item">2<a href="" class="a-link"></a></li>
    <li class="item">3<a href="" class="a-link"></a></li>
    <li class="item">4<a href="" class="a-link"></a></li>
  </ul>
  <ul class="box1">
    <li class="item">1<a href="" class="a-link"></a></li>
    <li class="item">2<a href="" class="a-link"></a></li>
    <li class="item">3<a href="" class="a-link"></a></li>
    <li class="item">4<a href="" class="a-link"></a></li>
  </ul>
  <ul class="box2">
    <li class="item">1<a href="" class="a-link"></a></li>
    <li class="item">2<a href="" class="a-link"></a></li>
    <li class="item">3<a href="" class="a-link"></a></li>
    <li class="item">4<a href="" class="a-link"></a></li>
  </ul>
  <ul class="box3">
    <li class="item">1<a href="" class="a-link"></a></li>
    <li class="item">2<a href="" class="a-link"></a></li>
    <li class="item">3<a href="" class="a-link"></a></li>
    <li class="item">4<a href="" class="a-link"></a></li>
  </ul>
</body>

</html>